<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* *****这里是em的部分****** */
        /* 根据父级别变化去变化 */
        /* 1em=16px */
        /* div{
            font-size:1em
        }
        p{
            font-size:1.5em
        }
        span{
            font-size:1.5em
        } */
        /* body{
            font-size:62.5%;
        } */
        /* 1em=16px;
        想让1em=10px; */
        /* div{
            font-size: 1.8em;
        } */

         /* *****这里是rem的部分****** */
        
         div{
            font-size: 1.5rem;
         }
         p{
            font-size: 1.5rem;
         }
    </style>
</head>
<body>
        <div>
            我是 div的内容
            <p>
                我是div>p里面的内容
                <br>
                <span>我是div>p>span里面的内容</span>
            </p>
        </div>
</body>
</html>